import styles from './index.module.scss'
import Image from '@c/image'
import Link from 'next/link'
import cm from 'classnames'
import { HOT_RACE_ARR } from '@/constant'

const Index = () => {
  return (
    <div className={cm('items', styles.items)}>
      {HOT_RACE_ARR.map((item, index) => {
        return (
          <Link href={`/sports/${item.url}`} key={index} className={cm('itemWidth', styles.item)}>
            <Image alt={item.name} src={item.icon} />
            <span>{item.name}</span>
          </Link>
        )
      })}
    </div>
  )
}

export default Index
